$(function () {

    $.ajax({
        url: 'info',
        type: 'POST',
        dataType: 'json',
        success: function (response) {

            // 由于返回的是数组，我们取第一个用户对象
            if (response && response.length > 0) {
                const userData = response[0]; // 获取第一个用户对象

                // 更新顶部用户名显示
                $('#login-text-index').text("Hi,同程会员" + (userData.username || ''));

                // 更新"我的同程"区域的用户名
                $('.user-name').text(userData.username || '尊敬的会员');

                // 更新个人信息表单
                // 用户名
                $('input[name="username"]').val(userData.username || '');

                // 存储完整手机号到隐藏字段
                $('#hiddenPhone').val(userData.ipone);

                // 手机号 (加密显示)
                let phoneNumber = userData.ipone;
                if (phoneNumber) {
                    phoneNumber = phoneNumber.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
                }
                $('input[name="phone"]').val(phoneNumber || '');

                // 更新验证手机号显示
                $('#phoneNum').val(phoneNumber || '');

                // 邮箱
                $('input[name="email"]').val(userData.email || '');

                // 性别
                if (userData.sex) {
                    $(`input[name="sex"][value="${userData.sex}"]`).prop('checked', true);
                }

                // 职业
                if (userData.career) {
                    $('select[name="career"]').val(userData.career);
                }

                // QQ号
                $('input[name="qq"]').val(userData.qq || '');

                // 昵称
                $('input[name="nickname"]').val(userData.nickname || '');

                // 更新资料完整度
                updateProfileCompleteness(userData);

            }
        }
    });

    // 计算并更新资料完整度
    function updateProfileCompleteness(data) {
        let completedFields = 0;
        let totalFields = 7; // 总字段数：昵称、用户名、手机、邮箱、性别、职业、QQ

        if (data.nickname) completedFields++;
        if (data.username) completedFields++;
        if (data.ipone) completedFields++; // 注意这里使用 ipone
        if (data.email) completedFields++;
        if (data.sex) completedFields++;
        if (data.career && data.career !== '请选择职业') completedFields++;
        if (data.qq) completedFields++;

        const percentage = Math.round((completedFields / totalFields) * 100);
        $('.progress').css('width', percentage + '%');
        $('.progress-text').text(`资料完整度 ${percentage}`);
    }

    // 保存按钮点击事件
    $('.save-btn').click(function (e) {
        e.preventDefault();

        const phone = $('#hiddenPhone').val();

        // 收集表单数据
        const formData = {
            nickname: $('input[name="nickname"]').val().trim(),
            email: $('input[name="email"]').val().trim(),
            sex: $('input[name="sex"]:checked').val() || '男',
            career: $('select[name="career"]').val(),
            qq: $('input[name="qq"]').val().trim(),
            phone: phone
        };

        // 验证手机号
        if (!formData.phone) {
            alert('获取用户信息失败，请重新登录');
            return;
        }


        $.ajax({
            url: 'updateInfo',
            type: 'POST',
            data: formData,
            dataType: 'json',
            success: function (response) {
                if (response === true) {
                    alert('保存成功！');
                    window.location.reload();
                } else {
                    alert('保存失败，请重试！');
                }
            }
        });
    });

});